<%@ page language="java" contentType="text/html" pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@ include file="./head.jsp"%>
		<TABLE height=330 cellSpacing=0 cellPadding=0 width="100%"
			align=center border=0>
			<TBODY>
				<TR>
					<TD vAlign=center align=middle
						background="image/products.jpg">
						<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
							<TBODY>
								<TR>
									<TD width="56%">
										&nbsp;
									</TD>
									<TD width="44%">


										<embed src="image/9.swf" width="480" height="220"
											quality="high"
											pluginspage="http://www.macromedia.com/go/getflashplayer"
											type="application/x-shockwave-flash" wmode="transparent">
										<A href="image/9.swf"></A>
										</embed>
									</TD>
								</TR>
							</TBODY>
						</TABLE>
					</TD>
				</TR>
			</TBODY>
		</TABLE>
		<TABLE height=9 cellSpacing=0 cellPadding=0 width="100%" align=center
			border=0>
			<TBODY>
				<TR>
					<TD></TD>
				</TR>
			</TBODY>
		</TABLE>
		<TABLE height=339 cellSpacing=0 cellPadding=0 width="100%" border=0>
			<TBODY>
				<TR>
					<TD vAlign=top height=339>
						&nbsp;
					</TD>
					<TD vAlign=top width=1003>
						<TABLE cellSpacing=0 cellPadding=0 width="100%" align=right
							border=0>
							<TBODY>
								<TR>
									<TD width=1 bgColor=#e9e9e9 height=391></TD>
									<TD vAlign=top width=243 bgColor=#ffffff>
										<TABLE height=32 cellSpacing=0 cellPadding=0 width=225
											align=center border=0>
											<TBODY>
												<TR>
													<TD style="PADDING-LEFT: 35px"
														background="image/v.jpg">
														<SPAN class=STYLE1>产品列表</SPAN>
													</TD>
												</TR>
											</TBODY>
										</TABLE>
										<TABLE cellSpacing=0 cellPadding=0 width=225 align=center
											border=0>
											<TBODY>
												<TR>
													<TD>
														&nbsp;
													</TD>
												</TR>
											</TBODY>
										</TABLE>
										
										<table align="center" border="0" cellpadding="0" cellspacing="0" width="225" id="product_mode_id" style="display:none">
								            <tbody>
									            <tr>
									              <td class="sy_prd_fll" align="left"><a href=""  id="products_a_id">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;保险杠喷涂</a></td>
									            </tr>
								            </tbody>
							          	</table>
										 
										<TABLE cellSpacing=0 cellPadding=0 width=225 align=center
											border=0>
											<TBODY>
												<TR>
													<TD>
														&nbsp;
													</TD>
												</TR>
											</TBODY>
										</TABLE>
										<TABLE height=32 cellSpacing=0 cellPadding=0 width=225
											align=center border=0>
											<TBODY>
												<TR>
													<TD style="PADDING-LEFT: 35px"
														background="image/v.jpg">
														<SPAN class=STYLE1>产品搜索</SPAN>
													</TD>
												</TR>
											</TBODY>
										</TABLE>
										<TABLE cellSpacing=0 cellPadding=0 width=225 align=center
											border=0>
											<TBODY>
												<TR>
													<TD>
														&nbsp;
													</TD>
												</TR>
											</TBODY>
										</TABLE>
										<TABLE cellSpacing=0 cellPadding=0 width=225 align=center
											border=0>
											<TBODY>
												<TR>
													<TD width=61 rowSpan=2>
														<IMG height=58 src="image/arr_sear.gif" width=47>
													</TD>
													<TD width=164>
														请输入产品名称进行搜索
													</TD>
												</TR>
												<TR>
													<TD>
														<FORM id=form name=form action=products.asp method=post>
															<LABEL></LABEL>
															<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
																<TBODY>
																	<TR>
																		<TD>
																			<INPUT size=15 name=key>
																		</TD>
																		<TD>
																			<A href=""><IMG height=19
																					src="image/login.jpg" width=52 border=0>
																			</A>
																		</TD>
																	</TR>
																</TBODY>
															</TABLE>
														</FORM>
													</TD>
												</TR>
											</TBODY>
										</TABLE>
									</TD>
									<TD width=1 bgColor=#e9e9e9></TD>
									<TD vAlign=top>
										<TABLE cellSpacing=0 cellPadding=0 width="100%"
											background="image/aa_3[1].jpg" border=0>
											<TBODY>
												<TR>
													<TD vAlign=top height=45>
														<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
															<TBODY>
																<TR>
																	<TD align=middle width="16%">
																		<TABLE height=24 cellSpacing=0 cellPadding=0 width=86
																			background="image/cc_4[1].jpg" border=0>
																			<TBODY>
																				<TR>
																					<TD align=middle>
																						<SPAN class=STYLE1>产品中心</SPAN>
																					</TD>
																				</TR>
																			</TBODY>
																		</TABLE>
																	</TD>
																	<TD width="58%">
																		&nbsp;
																	</TD>
																	<TD align=middle width="26%">
																		<IMG height=7 src="image/1_9[1].jpg" width=5
																			border=0>
																		&nbsp;
																		
																		<A href="./home/first.do">首页</A>&nbsp;&gt;&gt;&nbsp;产品中心 
																	</TD>
																</TR>
															</TBODY>
														</TABLE>
													</TD>
												</TR>
											</TBODY>
										</TABLE>
										<TABLE class=table_style cellSpacing=0 cellPadding=0
											width="98%" align=center bgColor=#29749b border=0>
											<TBODY>
												<TR>
													<TD align=middle width="40%" bgColor=#29749b height=26>
														<!---上一条---->
														<FONT color=#ffffff></FONT>
													</TD>
													<TD align=middle width="20%">
														<A
															href="./home/products.do"><FONT
															color=#ffffff>返回产品列表</FONT>
														</A>
													</TD>
													<TD align=middle width="40%">
														<FONT color=#ffffff></FONT> 
													</TD>
												</TR>
											</TBODY>
										</TABLE>
										<TABLE cellSpacing=2 cellPadding=0 width="98%" align=center
											border=0>
											<TBODY>
												<TR>
													<TD class=clear vAlign=center>
														<P style="LINE-HEIGHT: 22px" align=center>
															<STRONG id="products_name_id"></STRONG>
															<BR>
															<FONT color=#999999 id="upload_date_id">发布时间:2013-3-13</FONT>
														</P>
													</TD>
												</TR>
												<TR>
													<TD height=1></TD>
												</TR>
												<TR>
													<TD style="LINE-HEIGHT: 26px; PADDING-TOP: 5px" vAlign=top
														align=middle>
														<TABLE height=400 cellSpacing=1 cellPadding=0 width=533
															bgColor=#999999 border=0>
															<TBODY>
																<TR>
																	<TD align=middle background=""
																		bgColor=#ffffff>
																		<img id="products_pic_od" src="" width="733" height="500"/>
																		
																	</TD>
																</TR>
																<tr>
																	<td><a href="#" id="downPic_id">下载图片</a></td>
																</tr>
															</TBODY>
														</TABLE>
													</TD>
												</TR>
												<TR>
													<TD style="LINE-HEIGHT: 26px; PADDING-TOP: 5px" vAlign=top
														width="95%">
														<P>
															<FONT face="Times New Roman" id="products_feature_id">特点：<BR>1、&nbsp;手工放排线，位置自动定位，自动打端子；<BR>2、排线移动由步进电机驱动，排线3-20排任意调节，线径任意调节；<BR>3、&nbsp;触摸式人机界面操作，操控简单。</FONT><FONT
																face="Times New Roman">
														</P>
														</FONT>
													</TD>
												</TR>
												<TR>
													<TD></TD>
												</TR>
											</TBODY>
										</TABLE>
										<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
											<TBODY>
												<TR>
													<TD>
														&nbsp;
													</TD>
												</TR>
											</TBODY>
										</TABLE>
									</TD>
									<TD width=1 bgColor=#e9e9e9></TD>
								</TR>
							</TBODY>
						</TABLE>
					</TD>
					<TD vAlign=top>
						&nbsp;
					</TD>
				</TR>
			</TBODY>
		</TABLE> 
		<%@ include file="./foot.jsp"%>
		
		<script>
	$(function(){
		jQuery.ajax( {
			type : 'GET',
			url : './products/getByPage.do?currPage=1',
			dataType : 'json',
			success : function(obj) {
				for(var i = 0 ;i<obj.productsList.length;i++){
	          		var html = $('#product_mode_id').html();
	          		var newTr = '<table align="center" border="0" cellpadding="0" cellspacing="0" width="225">'+html+'</table>';
	          		var newTrObj = $('#product_mode_id').after(newTr).next();
	          		newTrObj.find('#products_a_id').html('&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;'+obj.productsList[i].name);
	          		newTrObj.find('#products_a_id').attr("href","./home/productDetail.do?id="+obj.productsList[i].id);
			     }
			},
			error : function() {
				alert('error');
			}
		});
		
		jQuery.ajax( {  
			          type : 'get',  
			          contentType : 'application/json',  
			          url : './products/get.do',  
			          dataType : 'json',  
			          data:"id="+$.request.queryString["id"],
			          success : function(obj) {  
		          		$('#products_pic_od').attr("src","./upload/download.do?fileName="+obj.products.picName);
		          		$('#downPic_id').attr("href","./upload/download.do?fileName="+obj.products.picName);
		          		$('#products_name_id').html(obj.products.name);
		          		$('#upload_date_id').html('发布时间:'+obj.date);
		          		$('#products_feature_id').html('特点：<br>1、&nbsp;'+obj.products.feature);
			          },  
			          error : function(data) {  
			            alert("error")  
			          }  
		         }); 
	});
</script>
	</BODY>

</html>
